<template>
	<view style="padding-bottom: 160upx;">
		<view class="zcModel-title zcJustifyC_between">车主和车辆信息</view>
		<view style="padding: 0 30upx;background-color: #FFFFFF;">
			<block v-for="(item,idx) in orderLists" :key="idx">
				<zc-card :zcIndex="idx" :cardItem="item"  @zcChengeValue="zcChangeValue"></zc-card>
			</block>
			<view class="zcPicker-model uni-flex zcAlignI_center">
				<view class="zcPicker-titel">被保人信息：</view>
				<view class="zcPicker-model-item">
					<checkbox-group @change="oldCheckboxChange">
						<label class="checkbox">
							<checkbox value="同车主" :checked="isInsuredShow1" :disabled="isDisabled" color="#FFFFFF" style="transform: scale(0.5);" />同车主
						</label>
					</checkbox-group>
				</view>
			</view>
			<view class="insured-model" v-show="!isInsuredShow1">
				<block v-for="(zcItem4,zcIdx4) in zcItems4" :key="zcIdx4" >
					<zc-card :zcIndex="zcIdx4" :cardItem="zcItem4" @zcChengeValue="zcOldChangeValue4"></zc-card>
				</block>
			</view>
			<view class="zcPicker-model uni-flex zcAlignI_center">
				<view class="zcPicker-titel">投保人信息：</view>
				<view class="zcPicker-model-item">
					<checkbox-group @change="checkboxChange">
						<label class="checkbox">
							<checkbox value="同车主" :checked="isInsuredShow" :disabled="isDisabled" color="#FFFFFF" style="transform: scale(0.5);" />同车主
						</label>
					</checkbox-group>
				</view>
			</view>
			<view class="insured-model" v-show="!isInsuredShow">
				<block v-for="(item4,idx4) in items4" :key="idx4" >
					<zc-card :zcIndex="idx4" :cardItem="item4" @zcChengeValue="zcChangeValue4"></zc-card>
				</block>
			</view>
			
			<block v-for="(item1,idx1) in orderLists1" :key="idx1">
				<zc-card :class="(idx1 === 1)?'zcItemBox':''" :zcIndex="idx1" :cardItem="item1" @zcChengeValue="zcChangeValue1"></zc-card>
			</block>
			<view class="zcPicker-model uni-flex zcAlignI_center">
				<view class="zcPicker-titel">使用性质：</view>
				<view class="zcPicker-model-item" style="position: relative;" >
					<picker mode="selector" :disabled="isDisabled" :value="picker1.index" :range="picker1.lists" @change="pickerChange1">
						<view class="uni-input">{{picker1.lists[picker1.index]}}</view>
					</picker>
				</view>
			</view>
			<block v-for="(item2,idx2) in orderLists2" :key="idx2">
				<zc-card :zcIndex="idx2" :cardItem="item2" @zcChengeValue="zcChangeValue2"></zc-card>
			</block>
		</view>
		
		<view v-if="OrderLabel.length>0" class="zcModel-title zcJustifyC_between">订单标签</view>
		<block v-for="(item,index) in OrderLabel" :key="index">
			<view class="uni-flex zcFlex_column" style="background-color: #FFFFFF;border-bottom: 3px solid #f8f8f8;">
				<view class="uni-flex zcJustifyC_between zcAlignI_center" style="padding: 20upx;">
					{{item.title}}：
					<input class="uni-flex-item" disabled="true" style="margin: 0 30upx;" type="text" :value="item.aValue" />
					<view @tap="zcPopupShow(index,item.isShow)" class="iconfont icon-sanjiaojiantoutriangular-copy"></view>
				</view>
				<view v-show="item.isShow" class="popup_content">
					<block v-for="(item1,idx) in item.list" :key="idx">
						<view :data-popupId="index" class="popup_item" :class="{active:item.actives.indexOf(idx) !== (-1)}" :id="idx" :style="{'flex': '0 0 '+item.row+'%'}" @tap="doChenkItem">{{item1.Name}}</view>
					</block>
				</view>
			</view>
		</block>
		
		<view class="zcModel-title zcJustifyC_between" style="padding-bottom: 0;">险种信息</view>
		<view class="zctab-bar-box">
			<view class="zcUni-tab-bar">
					<!-- 自定义险种 选择栏 -->
					<view class="zc-tab-bar">
						<view class="zcJustifyC_between zcAlignI_center zcBizStyle">
							<checkbox-group :id='1' @change="zcTBcheckBox3">
								<label class="checkbox">
									<checkbox :checked="insures3.insure_traffic.isCheck" :disabled="isDisabled" style="transform: scale(0.5);"/>
								</label>
							</checkbox-group>
							<view style="flex-shrink: 0;flex: 1;">交强险</view>
							<view class="zcJustifyC_between zcAlignI_center" style="display: flex;flex: 1;position: relative;">
								<input type="text" placeholder-style="text-align: center;" :placeholder="items6[0].value?'':insures3.insure_traffic.isCheck?'请选择保险起期':''" />
								<zc-card :zcIndex="0" :cardItem="items6[0]" @zcChengeValue="zcChangeValueB3" ></zc-card>
							</view>
						</view>
						
						<view v-show="insures3.insure_traffic.isCheck">
							<block v-for="(item,index) in insures3.insure_traffic.insureItems" :key="index">
								<view class="zcJustifyC_between zcAlignI_center" style="display: flex;padding: 20upx 0;margin: 0 20upx;border-top: 1px solid #F5F5F5;">
									<checkbox-group :id='index' data-type="traffic" @change="tbCheckBox3">
										<label class="checkbox">
											<checkbox :checked="item.isCheck" :disabled="isDisabled" style="transform: scale(0.5);" />
										</label>
									</checkbox-group>
									<view style="flex-shrink: 0;flex: 1;" >{{item.title}}</view>
									<view class="zcLabel" v-show="item.isShowFreePay" :class="item.isFreePay?'zcLabelActive':''" :id='index' data-type="traffic" @tap="zcFreePayshow">不计免赔</view>
									<view v-show="!item.isInsureAmountShow || !item.isInsureAmount" class="uni-flex uni-flex-item" style="width: 172upx;" ></view>
									<view v-if="item.isInsureAmount" v-show="item.isInsureAmountShow" class="zcPicker-model-item" :class="item.InputMethod === '保费和保额选择'?'iconfont icon-sanjiaojiantoutriangular-copy-after':''">
										<input v-if="item.InputMethod === '保费和保额手工录入'" :disabled="isDisabled" style="text-align: right;padding-left: 20upx;" type="text" :id='index' data-type="traffic" :value="item.value" @blur="pickerChangeTB4" placeholder="请录入保额" />
										<picker v-else-if="item.InputMethod === '保费和保额选择'" :disabled="isDisabled" mode="selector" :id='index' data-type="traffic" :value="item.value" :range="item.pickers" @change="pickerChangeTB4">
											<view class="uni-input">{{item.value}}</view>
										</picker>
									</view>
								</view>
							</block>
						</view>
						
						<view class="zcJustifyC_between zcAlignI_center zcBizStyle" >
							<checkbox-group :id='2' @change="zcTBcheckBox3">
								<label class="checkbox">
									<checkbox :checked="insures3.insure_biz.isCheck" :disabled="isDisabled" style="transform: scale(0.5);" />
								</label>
							</checkbox-group>
							<view style="flex-shrink: 0;flex: 1;" >商业险</view>
							<view class="zcJustifyC_between zcAlignI_center" style="display: flex;flex: 1;position: relative;">
								<input type="text" placeholder-style="text-align: center;" :placeholder="items6[1].value?'':insures3.insure_biz.isCheck?'请选择保险起期':''" />
								<zc-card :zcIndex="1" :cardItem="items6[1]" @zcChengeValue="zcChangeValueB3" ></zc-card>
							</view>
						</view>
						
						<view v-show="insures3.insure_biz.isCheck">
							<block v-for="(item,index) in insures3.insure_biz.insureItems" :key="index">
								<view class="zcJustifyC_between zcAlignI_center" style="display: flex;padding: 20upx 0;margin: 0 20upx;border-top: 1px solid #F5F5F5;">
									<checkbox-group :id='index' data-type="biz" @change="tbCheckBox3">
										<label class="checkbox">
											<checkbox :checked="item.isCheck" :disabled="isDisabled" style="transform: scale(0.5);" />
										</label>
									</checkbox-group>
									<view style="flex-shrink: 0;flex: 1;" >{{item.title}}</view>
									<view class="zcLabel" v-show="item.isShowFreePay" :class="item.isFreePay?'zcLabelActive':''" :id='index' data-type="biz" @tap="zcFreePayshow" >不计免赔</view>
									<view v-show="!item.isInsureAmountShow || !item.isInsureAmount" class="uni-flex uni-flex-item" style="width: 172upx;" ></view>
									<view v-if="item.isInsureAmount" v-show="item.isInsureAmountShow" class="zcPicker-model-item" :class="item.InputMethod === '保费和保额选择'?'iconfont icon-sanjiaojiantoutriangular-copy-after':''">
										<input v-if="item.InputMethod === '保费和保额手工录入'" :disabled="isDisabled" style="text-align: right;padding-left: 20upx;" type="text" :id='index' data-type="biz" :value="item.value" @blur="pickerChangeTB4" placeholder="请录入保额" />
										<picker v-else-if="item.InputMethod === '保费和保额选择'" :disabled="isDisabled" mode="selector" :id='index' data-type="biz" :value="item.value" :range="item.pickers" @change="pickerChangeTB4">
											<view class="uni-input">{{item.value}}</view>
										</picker>
									</view>
								</view>
							</block>
						</view>
						
					</view>
				<!-- </swiper> -->
			</view>
		</view>
		
		<view class="zcCard-item uni-flex zcAlignI_center zcJustifyC_between">
			<view>交强险：<view>{{InsureTrafficMoney}}</view></view>
            <view>车船税：<view>{{VehicleTax}}</view></view>
            <view>商业险：<view>{{InsureBizMoney}}</view></view>
		</view>
        <view class="zcCard-item uni-flex zcAlignI_center zcJustifyC_end">
        	<view>总保费：<view>{{InsureMoney}}</view></view>
        </view>
		
		<view v-if="index === '0'" class="zcFooter-but uni-flex">
			<button @tap="zcCancelInsureOrder">作废</button>
			<button @tap="zcModifyInsureOrder">重新算价</button>
		</view>
		<view v-else-if="index === '1'" class="zcFooter-but uni-flex">
			<button @tap="zcGetInsureOrder4PayURL">查看付款码</button>
		</view>
		
        <view class="canvas-box" v-show="isShowCanvas">
            <view class="canvas-content">
                <canvas class="canvas" canvas-id="shareQR"></canvas>
                
                <view class="canvas-but uni-flex">
                    <button @tap="()=>{this.isShowCanvas= false;}" >取消</button>
                    <button open-type="share">分享</button>
                </view>
            </view>
        </view>
		
	</view>
</template>

<script>
	import zcCard from "../../components/zc-card/zc-card.vue"
	import tabBar from "../../components/tab-bar/tab-bar.vue"
	
	let _this;
	export default {
		components:{
			zcCard,
			tabBar
		},
		data() {
			return {
				index:'',
				isDisabled:true,
				isInsuredShow:false,
				isInsuredShow1:false,
				InsureOrderSN:'',	//订单SN
				InsureTrafficMoney:0,	// 交强险 费用
				InsureBizMoney:0,	// 商业险 费用
                VehicleTax:0,   // 车船税
				InsureMoney:0,	// 总费用
				OrderLabel:[],	//	订单标签
				OrderLabelInfo:[],	//	订单标签（未处理数据）
				picker1:{
					index:0,
					lists:['非营运','营运']
				},
				items4:[
					{
						title:'姓名',
						value:'',
						isTitleColon:true,
						isDisabled:true,
						type:"input",
						width:30,
						inputStyle:{	//input输入框样式
							placeholderText:"投保人姓名(必填)",		//默认显示内容
							type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
						},
						rStyle:{type:""}
					},
                    {
                    	title:'联系电话',
                    	value:'',
                    	isTitleColon:true,
                        isDisabled:true,
                    	type:"input",
                    	width:30,
                    	inputStyle:{	//input输入框样式
                    		placeholderText:"投保人电话(必填)",		//默认显示内容
                    		type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
                    	},
                    	rStyle:{type:""}
                    },
					{
						title:'证件类型',
						value:'0',
						isTitleColon:true,
						isDisabled:true,
						type:"picker",
						mode:'selector',
						width:30,
						picker:this.$ZcPublic.Constant.CAR_TYPE,
						rStyle:{type:""}
					},
					{
						title:'证件号',
						value:'',
                        number:0,
                        isChangeValue:true,
						isTitleColon:true,
						isDisabled:true,
						type:"input",
						width:30,
						inputStyle:{	//input输入框样式
							placeholderText:"投保人证件号(必填)",		//默认显示内容
							type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
						},
						rStyle:{type:""}
					}
				],
				zcItems4:[	//被投保人信息
					{
						title:'姓名',
						value:'',
						isTitleColon:true,
						isDisabled:true,
						type:"input",
						width:30,
						inputStyle:{	//input输入框样式
							placeholderText:"被保人姓名(必填)",		//默认显示内容
							type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
						},
						rStyle:{type:""}
					},
                    {
                    	title:'联系电话',
                    	value:'',
                    	isTitleColon:true,
                        isDisabled:true,
                    	type:"input",
                    	width:30,
                    	inputStyle:{	//input输入框样式
                    		placeholderText:"被保人联系电话(必填)",		//默认显示内容
                    		type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
                    	},
                    	rStyle:{type:""}
                    },
					{
						title:'证件类型',
						value:'0',
						isTitleColon:true,
						isDisabled:true,
						type:"picker",
						mode:'selector',
						width:30,
						picker:this.$ZcPublic.Constant.CAR_TYPE,
						rStyle:{type:""}
					},
					{
						title:'证件号',
						value:'',
                        number:0,
                        isChangeValue:true,
						isTitleColon:true,
						isDisabled:true,
						type:"input",
						width:30,
						inputStyle:{	//input输入框样式
							placeholderText:"被保人证件号(必填)",		//默认显示内容
							type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
						},
						rStyle:{type:""}
					}
				],
				orderLists1:[
					{
						title:'车牌号：',
						value:'',
						type:"input",
						isDisabled:true,
						width:30,
						inputStyle:{	//input输入框样式
							placeholderText:"",		//默认显示内容
							type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
						},
						rStyle:{type:""}
					},
					{
						title:'车架号：',
						value:'',
						type:"input",
						isDisabled:false,
						width:30,
						inputStyle:{	//input输入框样式
							placeholderText:"",		//默认显示内容
							maxlength:17,
							type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
						},
						rStyle:{type:""}
					},
					{
						title:'发动机号：',
						value:'',
						type:"input",
						isDisabled:true,
						width:30,
						inputStyle:{	//input输入框样式
							placeholderText:"",		//默认显示内容
							type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
						},
						rStyle:{type:""}
					},
					{
						title:'初登日期：',
						value:'',
						isDisabled:true,
						width:30,
						type:"picker",
						mode:'date',
						rStyle:{type:"icon",iconName:'calendar',fontSize:28}
					}
				],
				orderLists:[
					{
						title:'车主姓名：',
						value:'',
						type:"input",
						isDisabled:true,
						width:30,
						inputStyle:{	//input输入框样式
							placeholderText:"",		//默认显示内容
							type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
						},
						rStyle:{type:""}
					},
					{
						title:'证件类型：',
						value:'0',
						type:"picker",
						isDisabled:true,
						mode:'selector',
						width:30,
						picker:this.$ZcPublic.Constant.CAR_TYPE,
						rStyle:{type:"icon",color:'#999999',iconName:'sanjiaojiantoutriangular-copy-after',fontSize:28}
					},
					{
						title:'证件号：',
						value:'',
						type:"input",
						isDisabled:true,
						width:30,
						inputStyle:{	//input输入框样式
							placeholderText:"",		//默认显示内容
							type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
						},
						rStyle:{type:""}
					},
					{
						title:'联系电话：',
						value:'',
						type:"input",
						isDisabled:true,
						width:30,
						inputStyle:{	//input输入框样式
							placeholderText:"",		//默认显示内容
							maxlength:11,
							type:"number",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
						},
						rStyle:{type:""}
					},
					{
						title:'其他联系方式：',
						value:'',
						type:"input",
						isDisabled:true,
						width:30,
						inputStyle:{	//input输入框样式
							placeholderText:"",		//默认显示内容
							type:"text",	//input输入框拉起键盘类型：text（拼音键盘） , number（数字键盘） , idcard（身份证雅正键盘）
						},
						rStyle:{type:""}
					},
					{
						title:'车主类别：',
						value:'',
						type:"radio",
						isDisabled:true,
						width:30,
						optionBoxs:[	//选项框 样式
							{
								text:"个人",	//显示值
								value:"个人",	//隐藏值
								boxSize:0.5,	// 范围：0.5~1
								isBoxCheck:false,	//是否选中
								isBoxDisabled:true,		//是否禁止
								boxColor:"#3CA4FA"	//选中后样式颜色
							},
							{
								text:"企业",	//显示值
								value:"企业",	//隐藏值
								boxSize:0.5,	// 范围：0.5~1
								isBoxCheck:true,	//是否选中
								isBoxDisabled:true,		//是否禁止
								boxColor:"#3CA4FA"	//选中后样式颜色
							},
							{
								text:"机关团体",	//显示值
								value:"机关团体",	//隐藏值
								boxSize:0.5,	// 范围：0.5~1
								isBoxCheck:false,	//是否选中
								isBoxDisabled:true,		//是否禁止
								boxColor:"#3CA4FA"	//选中后样式颜色
							}
						],
						rStyle:{type:""}
					}
				],
				orderLists2:[
					{
						title:'新/旧/过户车：',
						value:'',
						type:"radio",
						isDisabled:false,
						width:30,
						optionBoxs:[	//选项框 样式
							{
								text:"新车",	//显示值
								value:"新车",	//隐藏值
								boxSize:0.5,	// 范围：0.5~1
								isBoxCheck:false,	//是否选中
								boxColor:"#3CA4FA",	//选中后样式颜色
							},
							{
								text:"旧车",	//显示值
								value:"旧车",	//隐藏值
								boxSize:0.5,	// 范围：0.5~1
								isBoxCheck:true,	//是否选中
								boxColor:"#3CA4FA"	//选中后样式颜色
							},
							{
								text:"过户车",	//显示值
								value:"过户车",	//隐藏值
								boxSize:0.5,	// 范围：0.5~1
								isBoxCheck:false,	//是否选中
								boxColor:"#3CA4FA"	//选中后样式颜色
							}
						],
						rStyle:{type:""}
					},
					{
						title:'过户日期：',
						value:'',
						isShow:false,
						isDisabled:true,
						width:30,
						type:"picker",
						mode:'date',
						rStyle:{type:"icon",iconName:'calendar',fontSize:28}
					}
				],
				items6:[
					{
						title:'',
						value:'',
						isTitleColon:false,
						isDisabled:false,
						type:"picker",
						mode:'date',
						width:0,
						rStyle:{type:"icon",iconName:'calendar',fontSize:28}
					},
					{
						title:'',
						value:'',
						isTitleColon:false,
						isDisabled:false,
						type:"picker",
						mode:'date',
						width:0,
						rStyle:{type:"icon",iconName:'calendar',fontSize:28}
					}
				],
				insures3:{
					insure_traffic:{	//交强险
						isCheck:false,	//是否选中 险种类型
						isShow:false,	// 是否显示当前险种类型
						insureItems:[	//险种列表
							
						]
					},
					insure_biz:{	//商业险
						isCheck:false,	//是否选中 险种类型
						isShow:false,	// 是否显示当前险种类型
						insureItems:[	//险种列表
							
						]
					}
				},
				saveInsures3:{
					InsureTrafficItems:[],
					InsureBizItems:[]
				},
				orderInfo:{},
                isShowCanvas:false,
                isShowShare:false,
                qrcode:'',
                imageUrl:''
			}
		},
		onLoad(e) {
			_this = this;
			_this.zcQueryNonStopInsureTypeList('交强险');	// 查询 自定义 交强险、商业险 险种
			if (e.InsureOrderSN) {
				_this.InsureOrderSN = e.InsureOrderSN;
			}
			
			_this.index = e.index;
		},
        //  分享按钮触发事件
        onShareAppMessage(res) {
        	if (res.from === 'button') {// 来自页面内分享按钮
        	}
            return {
            	title: '融汇保付款码',
                path:'/pages/insure_share/insure_share?pathKeySN='+_this.InsureOrderSN,
                imageUrl: _this.imageUrl
            }
        },
		methods: {
			zcChangeValue(res){
				
				if (res.value === '个人') {
					_this.orderLists[2].optionBoxs[0].isBoxCheck = true;
					_this.orderLists[2].optionBoxs[1].isBoxCheck = false;
					_this.orderLists[2].optionBoxs[2].isBoxCheck = false;
				}else if (res.value === '企业') {
					_this.orderLists[2].optionBoxs[0].isBoxCheck = false;
					_this.orderLists[2].optionBoxs[1].isBoxCheck = true;
					_this.orderLists[2].optionBoxs[2].isBoxCheck = false;
				}else if (res.value === '机关团体') {
					_this.orderLists[2].optionBoxs[0].isBoxCheck = false;
					_this.orderLists[2].optionBoxs[1].isBoxCheck = false;
					_this.orderLists[2].optionBoxs[2].isBoxCheck = true;
				}
				
				_this.orderLists[res.id].value = res.value;
			},
			zcChangeValue1(res){
				console.log('zcChangeValue1 --- ',res);
				if (res.id === 0) {
					if (!_this.checkVehiclePlateNo(res.value)) {
						uni.showModal({
							title: '温馨提示',
							content: '尊敬的用户，您输入车牌号有误，请重新输入！',
							showCancel: false
						});
						return;
					}
				}
				if (res.id === 1) {
					if (res.value.length != 17) {
						uni.showModal({
							title: '温馨提示',
							content: '尊敬的用户，您输入的VIN码有误，请重新输入！',
							showCancel: false
						});
						return;
					}
				}
				_this.orderLists1[res.id].value = res.value;
			},
			zcChangeValue2(res){
				
				if (res.value === '新车') {
					_this.orderLists2[0].optionBoxs[0].isBoxCheck = true;
					_this.orderLists2[0].optionBoxs[1].isBoxCheck = false;
					_this.orderLists2[0].optionBoxs[2].isBoxCheck = false;
					_this.orderLists2[1].isShow = false;
				}else if (res.value === '旧车') {
					_this.orderLists2[0].optionBoxs[0].isBoxCheck = false;
					_this.orderLists2[0].optionBoxs[1].isBoxCheck = true;
					_this.orderLists2[0].optionBoxs[2].isBoxCheck = false;
					_this.orderLists2[1].isShow = false;
				}else if (res.value === '过户车') {
					_this.orderLists2[0].optionBoxs[0].isBoxCheck = false;
					_this.orderLists2[0].optionBoxs[1].isBoxCheck = false;
					_this.orderLists2[0].optionBoxs[2].isBoxCheck = true;
					_this.orderLists2[1].isShow = true;
				}
				_this.orderLists2[res.id].value = res.value;
			},
			zcChangeValue4(res) {
				console.log('zcChangeValue4 = ',res);
                if (res.id == 3) {
                    _this.items4[res.id].number = res.number;
                    if (_this.items4[2].picker[_this.items4[2].value] == '身份证' || _this.items4[2].picker[_this.items4[2].value] == '统一信用代码') {
                        if (res.value.length != 18) {
                             uni.showModal({
                                 title: '温馨提示',
                                 content: '尊敬的用户，您输入的证件号位数有误，请重新输入！',
                                 showCancel: false
                             });
                             return
                        } 
                    }
                }
				_this.items4[res.id].value = res.value;
			},
			zcOldChangeValue4(res) {
				console.log('zcOldChangeValue4 = ',res);
                if (res.id == 3) {
                    _this.zcItems4[res.id].number = res.number;
                    if (_this.zcItems4[2].picker[_this.zcItems4[2].value] == '身份证' || _this.zcItems4[2].picker[_this.zcItems4[2].value] == '统一信用代码') {
                        if (res.value.length != 18) {
                             uni.showModal({
                                 title: '温馨提示',
                                 content: '尊敬的用户，您输入的证件号位数有误，请重新输入！',
                                 showCancel: false
                             });
                             return
                        } 
                    }
                }
				_this.zcItems4[res.id].value = res.value;
			},
			checkboxChange(res) {
				console.log('投保人 = ',res);
				if (res.detail.value[0] === '同车主') {
					_this.isInsuredShow = true;
                    _this.items4[0].value = _this.orderLists[0].value;
                    _this.items4[1].value = _this.orderLists[3].value;
                    _this.items4[2].value = ''+_this.orderLists[1].value;
                    _this.items4[3].value = _this.orderLists[2].value;
                    _this.items4[3].number = _this.orderLists[2].value.length;
				}else{
					_this.isInsuredShow = false;
                    _this.items4[0].value = '';
                    _this.items4[1].value = '';
                    _this.items4[2].value = '0';
                    _this.items4[3].value = '';
                    _this.items4[3].number = 0;
				}
			},
			oldCheckboxChange(res) {
				console.log('被保人 = ',res);
				if (res.detail.value[0] === '同车主') {
					_this.isInsuredShow1 = true;
                    _this.zcItems4[0].value = _this.orderLists[0].value;
                    _this.zcItems4[1].value = _this.orderLists[3].value;
                    _this.zcItems4[2].value = ''+_this.orderLists[1].value;
                    _this.zcItems4[3].value = _this.orderLists[2].value;
                    _this.zcItems4[3].number = _this.orderLists[2].value.length;
				}else{
					_this.isInsuredShow1 = false;
                    _this.zcItems4[0].value = '';
                    _this.zcItems4[1].value = '';
                    _this.zcItems4[2].value = '0';
                    _this.zcItems4[3].value = '';
                    _this.zcItems4[3].number = 0;
				}
			},
			//	正则验证 车牌号方法
			checkVehiclePlateNo(item) {
				return RegExp(/^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/).test(item);
			},
			//标签 选中 操作
			doChenkItem(e) {	
				// console.log('当前选择：',_this.items3Infos[0]);
				let id  = parseInt(e.target.id);
				let popupId = parseInt(e.target.dataset.popupid);
				
				if (_this.OrderLabel[popupId].isDisabled) {
					return;
				}
				
				// 多选
				//Array.indexOf(index);  表示Array数组中是否包含 index 值，包含则返回该值在数组中的下标，否则返回 -1
				if (_this.OrderLabel[popupId].type === 'checkbox') {
					if (_this.OrderLabel[popupId].actives.indexOf(id) !== (-1)) {
						for (let i = 0; i < _this.OrderLabel[popupId].actives.length; i++) {
							if (_this.OrderLabel[popupId].actives[i] === id) {
								//  当前选中的标签已经被选中了，所以进行删除选中标签相关
								_this.OrderLabel[popupId].actives.splice(i,1);
								let new_aValue = _this.OrderLabel[popupId].aValue.split(' , ');
								new_aValue.splice(i,1);
								_this.OrderLabel[popupId].aValue = '';
								for (let a = 0; a < new_aValue.length; a++) {
									if (a === 0) {
										_this.OrderLabel[popupId].aValue = new_aValue[a];
									}else {
										_this.OrderLabel[popupId].aValue = _this.OrderLabel[popupId].aValue +' , '+ new_aValue[a];
									}
								}
								
								if (_this.OrderLabel[popupId].list[id].oS) {
									for (let k = 0; k < _this.OrderLabel.length; k++) {
										if (_this.OrderLabel[k].value === _this.OrderLabel[popupId].list[id].Code) {
											_this.OrderLabel.splice(k,1);	// 删除
										}
									}
								}
							}
						}
					}else {
						//  当前选中的标签 未选中，所以进行添加选中标签相关
						_this.OrderLabel[popupId].actives.push(id);
						if (_this.OrderLabel[popupId].aValue) {
							_this.OrderLabel[popupId].aValue = _this.OrderLabel[popupId].aValue+' , '+_this.OrderLabel[popupId].list[id].Name;
						}else {
							_this.OrderLabel[popupId].aValue = _this.OrderLabel[popupId].list[id].Name;
						}
						
						if (_this.OrderLabel[popupId].list[id].oS) {
							let item = {
								title:_this.OrderLabel[popupId].list[id].oS[0].Name,
								Code:_this.OrderLabel[popupId].list[id].oS[0].Code,
								isShow:true,
								value:_this.OrderLabel[popupId].list[id].Code,
								row:48,
								isDisabled:false,
								type:'audio',
								info:_this.OrderLabel[popupId].list[id].oS[0],
								actives:[],
								aValue:'',
								list:_this.OrderLabel[popupId].list[id].oS[0].childs
							}
							if (_this.OrderLabel[popupId].list[id].oS[0].sModel === '单选') {
								item.type = 'audio';
							}else if (_this.OrderLabel[popupId].list[id].oS[0].sModel === '多选') {
								item.type = 'checkbox';
							}
							if (_this.OrderLabel[popupId].list[id].oS[0].OnlyWrite) {
								item.isDisabled = true;
							}
							// _this.items3Infos[0].childs.splice((popupId+1),0,_this.items3Infos[0].childs[popupId].childs[id].oS[0]);
							_this.OrderLabel.splice((popupId+1),0,item);
						}
					}
				}
				
				//  单选
				if (_this.OrderLabel[popupId].type === 'audio') {
					if (_this.OrderLabel[popupId].actives.length === 0) {
						_this.OrderLabel[popupId].actives.push(id);
						_this.OrderLabel[popupId].aValue = _this.OrderLabel[popupId].list[id].Name;
						
						if (_this.OrderLabel[popupId].list[id].oS) {
							let item = {
								title:_this.OrderLabel[popupId].list[id].oS[0].Name,
								Code:_this.OrderLabel[popupId].list[id].oS[0].Code,
								isShow:true,
								value:_this.OrderLabel[popupId].list[id].Code,
								row:48,
								isDisabled:false,
								type:'audio',
								info:_this.OrderLabel[popupId].list[id].oS[0],
								actives:[],
								aValue:'',
								list:_this.OrderLabel[popupId].list[id].oS[0].childs
							}
							if (_this.OrderLabel[popupId].list[id].oS[0].sModel === '单选') {
								item.type = 'audio';
							}else if (_this.OrderLabel[popupId].list[id].oS[0].sModel === '多选') {
								item.type = 'checkbox';
							}
							if (_this.OrderLabel[popupId].list[id].oS[0].OnlyWrite) {
								item.isDisabled = true;
							}
							// _this.items3Infos[0].childs.splice((popupId+1),0,_this.items3Infos[0].childs[popupId].childs[id].oS[0]);
							_this.OrderLabel.splice((popupId+1),0,item);
						}
					}else {
						//  单选选中过值的，首先处理选中的值是否添加过 子标签，添加过则删除 。 然后处理但钱选中标签是否有 子标签，有则添加
						
						if (_this.OrderLabel[popupId].list[_this.OrderLabel[popupId].actives[0]].oS && _this.OrderLabel[popupId].actives[0] !== id) {
							let array = JSON.parse(JSON.stringify(_this.OrderLabel));
							for (var k = 0; k < array.length; k++) {
								if (array[k].value === array[popupId].list[array[popupId].actives[0]].Code) {
									_this.OrderLabel.splice(k,1);	// 删除
								}
							}
							
							_this.OrderLabel[popupId].actives = [];
							_this.OrderLabel[popupId].actives.push(id);
							_this.OrderLabel[popupId].aValue = _this.OrderLabel[popupId].list[id].Name;
						}else if(_this.OrderLabel[popupId].actives[0] !== id) {
							if (_this.OrderLabel[popupId].list[id].oS) {
								let item = {
									title:_this.OrderLabel[popupId].list[id].oS[0].Name,
									Code:_this.OrderLabel[popupId].list[id].oS[0].Code,
									isShow:true,
									value:_this.OrderLabel[popupId].list[id].Code,
									row:48,
									isDisabled:false,
									type:'audio',
									info:_this.OrderLabel[popupId].list[id].oS[0],
									actives:[],
									aValue:'',
									list:_this.OrderLabel[popupId].list[id].oS[0].childs
								}
								if (_this.OrderLabel[popupId].list[id].oS[0].sModel === '单选') {
									item.type = 'audio';
								}else if (_this.OrderLabel[popupId].list[id].oS[0].sModel === '多选') {
									item.type = 'checkbox';
								}
								if (_this.OrderLabel[popupId].list[id].oS[0].OnlyWrite) {
									item.isDisabled = true;
								}
								// _this.items3Infos[0].childs.splice((popupId+1),0,_this.items3Infos[0].childs[popupId].childs[id].oS[0]);
								_this.OrderLabel.splice((popupId+1),0,item);
							}
							
							_this.OrderLabel[popupId].actives = [];
							_this.OrderLabel[popupId].actives.push(id);
							_this.OrderLabel[popupId].aValue = _this.OrderLabel[popupId].list[id].Name;
						}else {
							if (_this.OrderLabel[popupId].list[_this.OrderLabel[popupId].actives[0]].oS) {
								let array = JSON.parse(JSON.stringify(_this.OrderLabel));
								for (let k = 0; k < array.length; k++) {
									if (array[k].value === array[popupId].list[array[popupId].actives[0]].Code) {
										_this.OrderLabel.splice(k,1);	// 删除
									}
								}
							}
							_this.OrderLabel[popupId].aValue = '';
							_this.OrderLabel[popupId].actives = [];
						}
						
						
					}
				}
				
			},
			//标签 操作
			zcPopupShow(index,bl) {		// 显示隐藏 标签选项
				_this.OrderLabel[index].isShow = !bl;
			},
			// ------------  下拉选择函数区 ----------------
			pickerChange1(res) {
				console.log('picker1 = ',res);
				_this.picker1.index = parseInt(res.target.value);
			},
			pickerChangeTB2(res) {
				console.log('套餐 保额 选择：',res);
				uni.showModal({
					title:'温馨提示',
					content:'请问是否转至自定义险种选择？',
					success(res) {
						console.log('模态框选择 = ',res);
						if (res.confirm) {
							_this.tabBar.tabIndex = 3;
						}
					}
				})
			},
			zcChangeValueB3(e) {
				if (e.id === 0) {
					_this.items6[0].value = e.value;
				}else {
					_this.items6[1].value = e.value;
				}
			},
			pickerChangeTB4(res) {	// 自定义 保额选择
				console.log('保额 = ',res);
				// _this.picker4.index = parseInt(res.target.value);
				if (res.target.dataset.type === 'traffic') {	//较强险保额
					if (_this.insures3.insure_traffic.insureItems[res.target.id].InputMethod === '保费和保额手工录入') {
						_this.insures3.insure_traffic.insureItems[res.target.id].value = res.detail.value;
					}else if (_this.insures3.insure_traffic.insureItems[res.target.id].InputMethod === '保费和保额选择') {
						_this.insures3.insure_traffic.insureItems[res.target.id].value = _this.insures3.insure_traffic.insureItems[res.target.id].pickers[res.detail.value];
					}
				}
				if (res.target.dataset.type === 'biz') {	//商业险保额
					if (_this.insures3.insure_biz.insureItems[res.target.id].InputMethod === '保费和保额手工录入') {
						_this.insures3.insure_biz.insureItems[res.target.id].value = res.detail.value;
					}else if (_this.insures3.insure_biz.insureItems[res.target.id].InputMethod === '保费和保额选择') {
						_this.insures3.insure_biz.insureItems[res.target.id].value = _this.insures3.insure_biz.insureItems[res.target.id].pickers[res.detail.value];
					}
				}
			},
			// --------------  下拉选择函数区 -- END ---------------
			zcQueryNonStopInsureTypeList(type) {	//自定义 险种
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'uni_Insure_Detail',
						Action: 'Ext_QueryNonStopInsureTypeList',
						Data: {
							InsureTypeCategory:type,
                            IsOnLine:true
						}
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							console.log('自定义 险种 = ',resjson.data);
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							
							
							let insureItems = [];
							
							for (let i = 0; i < resjson.data.length; i++) {
								let item = {
									isCheck:false,	//是否选中
									title:resjson.data[i].Name,	//险种名称
									isFreePay:false,	//是否 不计免赔
									isShowFreePay:false,	//是否显示 不计免赔
									value:'',	//所选 保额
									isInsureAmount:false,	//是否有 保额
									isInsureAmountShow:false,	//是否显示 保额
									InputMethod:resjson.data[i].InputMethod,
									pickers:resjson.data[i].PurchaseType.split('，')	//保额数据
								}
								if (resjson.data[i].FreePayCode) {
									item.isShowFreePay = true;
								}
								if (resjson.data[i].PurchaseType) {
									item.isInsureAmount = true;
								}
								
								insureItems.push(item);
							}	
							
							
							if (type === '交强险') {
								_this.saveInsures3.InsureTrafficItems = resjson.data;
								_this.insures3.insure_traffic.insureItems = insureItems;
								if (insureItems.length > 0) {
									_this.insures3.insure_traffic.isShow = true;
								}
								_this.zcQueryNonStopInsureTypeList('商业险');
							}else if (type === '商业险') {
								_this.saveInsures3.InsureBizItems = resjson.data;
								_this.insures3.insure_biz.insureItems = insureItems;
								
								//  查询 是否有 保单信息
								if (_this.InsureOrderSN) {
									_this.zcGetInsureOrder(_this.InsureOrderSN);
								}
								if (insureItems.length > 0) {
									_this.insures3.insure_biz.isShow = true;
								}
							}
							
						} else{
							
						}
						
					},
					Scope: this
				});
			},
			//  自定义 险种类型 是否选中
			zcTBcheckBox3(e) {
				// console.log('自定义 险种类型 = ',e);
				if (e.target.id === '1') {
					if (e.detail.value.length > 0) {
						_this.insures3.insure_traffic.isCheck = true;
					}else{
						_this.insures3.insure_traffic.isCheck = false;
					}
				}else {
					if (e.detail.value.length > 0) {
						_this.insures3.insure_biz.isCheck = true;
					}else{
						_this.insures3.insure_biz.isCheck = false;
					}
				}
			},
			//  自定义 险种 是否选中
			tbCheckBox3(e){	
				// console.log('自定义 险种 = ',e);
				
				if (e.target.dataset.type === 'traffic') {	//较强险保额
					if (e.detail.value.length > 0) {
						_this.insures3.insure_traffic.insureItems[e.target.id].isCheck = true;
						_this.insures3.insure_traffic.insureItems[e.target.id].isInsureAmountShow = true;
						_this.insures3.insure_traffic.insureItems[e.target.id].isFreePay = true;
					}else {
						_this.insures3.insure_traffic.insureItems[e.target.id].isCheck = false;
						_this.insures3.insure_traffic.insureItems[e.target.id].isInsureAmountShow = false;
						_this.insures3.insure_traffic.insureItems[e.target.id].isFreePay = false;
					}
				}
				if (e.target.dataset.type === 'biz') {	//商业险保额
					if (e.detail.value.length > 0) {
						_this.insures3.insure_biz.insureItems[e.target.id].isCheck = true;
						_this.insures3.insure_biz.insureItems[e.target.id].isInsureAmountShow = true;
						_this.insures3.insure_biz.insureItems[e.target.id].isFreePay = true;
					}else {
						_this.insures3.insure_biz.insureItems[e.target.id].isCheck = false;
						_this.insures3.insure_biz.insureItems[e.target.id].isInsureAmountShow = false;
						_this.insures3.insure_biz.insureItems[e.target.id].isFreePay = false;
					}
					
				}
				
			},
			// 自定义 不计免赔 是否选中
			zcFreePayshow(e) {
				if (_this.isDisabled) {
					return;
				}
				// console.log('自定义 不计免赔 = ',e);
				if (e.target.dataset.type === 'traffic') {	//交强险
					if (_this.insures3.insure_traffic.insureItems[e.target.id].isCheck) {
						_this.insures3.insure_traffic.insureItems[e.target.id].isFreePay = !_this.insures3.insure_traffic.insureItems[e.target.id].isFreePay;
					}
				}
				if (e.target.dataset.type === 'biz') {	//商业险
					if (_this.insures3.insure_biz.insureItems[e.target.id].isCheck) {
						_this.insures3.insure_biz.insureItems[e.target.id].isFreePay = !_this.insures3.insure_biz.insureItems[e.target.id].isFreePay;
					}
				}
			},
			// 订单 详情接口
			zcGetInsureOrder(IOSN) {
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'uni_Insure_Detail',
						Action: 'Ext_GetInsureOrder',
						Data: {
							SN:IOSN
						}
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							console.log('算价订单 详情 = ',resjson.data);
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							
							let insureOrder = resjson.data;
							
							if (insureOrder) {
								_this.orderInfo = insureOrder;
								
								_this.orderLists1[0].value = insureOrder.VehiclePlateNo;	// 车牌号
								_this.orderLists1[1].value = insureOrder.VehicleVIN;	// 车架号
								_this.orderLists1[2].value = insureOrder.VehicleEngineNo;	// 发动机号
								_this.orderLists1[3].value = insureOrder.VehicleRegistryDate;	// 初登日期
								
								_this.orderLists2[1].isShow = false;
								if (insureOrder.VehicleRegType == '过户车') {
									_this.orderLists2[1].isShow = true;
								}
								_this.orderLists2[0].value = insureOrder.VehicleRegType;	// 新/旧/过户车 / 车辆注册类别
								_this.orderLists2[1].value = insureOrder.VehicleRegTransferDate;	// 过户日期
								
								_this.orderLists[0].value = insureOrder.VehicleOwnerName;	// 车主姓名
								_this.orderLists[1].value = _this.orderLists[1].picker.indexOf(insureOrder.VehicleOwnerCardType);	// 证件类型
								_this.orderLists[2].value = insureOrder.VehicleOwnerCardNo;	// 证件号
								_this.orderLists[3].value = insureOrder.VehicleOwnerTelephone;	// 联系电话
								_this.orderLists[4].value = insureOrder.CustomerOtherContacts;	// 其他联系方式
								_this.orderLists[5].value = insureOrder.VehicleOwnerType;	// 车主类别
								
								_this.VehicleBizType = insureOrder.VehicleBizType;	// 使用性质
								_this.InsureBizDate = insureOrder.InsureBizStartDate;	// 商业险起期
								
								if (insureOrder.InsureBizItems.length > 0) {		// 商业险险种
									_this.InsureBizIsShow = true;
									_this.InsureBizItems = insureOrder.InsureBizItems;
								}
								
								_this.InsureTrafficDate = insureOrder.InsureTrafficStartDate;	//交强险 起期
								
								_this.InsureTrafficItems = insureOrder.InsureTrafficItems;	//交强险 险种
								
								_this.isInsuredShow1 = insureOrder.InsureManIsOwner;	// 被保人 是否为车主
								if (!insureOrder.InsureManIsOwner) {
									_this.zcItems4[0].value = insureOrder.InsureManName;	// 被保人姓名
                                    _this.zcItems4[1].value = insureOrder.InsureManTelephone;   // 被保人手机号
									_this.zcItems4[2].value = _this.zcItems4[2].picker.indexOf(insureOrder.InsureManCardType);	// 被保人证件类型
									_this.zcItems4[3].value = insureOrder.InsureManCardNo;	// 被保人证件号
									
								}
								_this.isInsuredShow = insureOrder.InsureHolderIsOwner;	// 投保人 是否为车主
								if (!insureOrder.InsureHolderIsOwner) {
									_this.items4[0].value = insureOrder.InsureHolderName;	// 投保人姓名
                                    _this.items4[1].value = insureOrder.InsureHolderTelephone;	// 投保人手机号
									_this.items4[2].value = _this.items4[2].picker.indexOf(insureOrder.InsureHolderCardType);	//投保人证件类型
									_this.items4[3].value = insureOrder.InsureHolderCardNo;	// 投保人证件号
								}
								
								_this.InsureTrafficMoney = insureOrder.InsureTrafficMoney;	// 交强险 保费合计
								_this.InsureBizMoney = insureOrder.InsureBizMoney;	// 商业险 保费合计
                                _this.VehicleTax = insureOrder.VehicleTax;
								_this.InsureMoney = insureOrder.InsureMoney;	// 总保费合计
								
								//  是否禁止选择  0：为可选择  ， 1：禁止选择
								if (_this.index === '0') {
									_this.orderLists1[0].isDisabled = false;	// 车牌号
									_this.orderLists1[1].isDisabled = false;	// 车架号
									_this.orderLists1[2].isDisabled = false;	// 发动机号
									_this.orderLists1[3].isDisabled = false;	// 初登日期
									
									_this.orderLists2[0].isDisabled = false;	// 新/旧/过户车 / 车辆注册类别
									_this.orderLists2[1].isDisabled = false;	// 过户日期
									
									_this.orderLists[0].isDisabled = false;	// 车主姓名
									_this.orderLists[1].isDisabled = false;	// 证件类型
									_this.orderLists[2].isDisabled = false;	// 证件号
									_this.orderLists[3].isDisabled = false;	// 联系电话
									_this.orderLists[4].isDisabled = false;	// 其他联系方式
									_this.orderLists[5].isDisabled = false;	// 车主类别
									
									_this.isDisabled = false;
									_this.zcItems4[0].isDisabled = false;
									_this.zcItems4[1].isDisabled = false;
									_this.zcItems4[2].isDisabled = false;
									_this.items4[0].isDisabled = false;
									_this.items4[1].isDisabled = false;
									_this.items4[2].isDisabled = false;
									
									_this.items6[0].isDisabled = false;
									_this.items6[1].isDisabled = false;
								}else if (_this.index === '1') {
									_this.orderLists1[0].isDisabled = true;	// 车牌号
									_this.orderLists1[1].isDisabled = true;	// 车架号
									_this.orderLists1[2].isDisabled = true;	// 发动机号
									_this.orderLists1[3].isDisabled = true;	// 初登日期
									
									_this.orderLists2[0].isDisabled = true;	// 新/旧/过户车 / 车辆注册类别
									_this.orderLists2[1].isDisabled = true;	// 过户日期
									
									_this.orderLists[0].isDisabled = true;	// 车主姓名
									_this.orderLists[1].isDisabled = true;	// 证件类型
									_this.orderLists[2].isDisabled = true;	// 证件号
									_this.orderLists[3].isDisabled = true;	// 联系电话
									_this.orderLists[4].isDisabled = true;	// 其他联系方式
									_this.orderLists[5].isDisabled = true;	// 车主类别
									
									_this.isDisabled = true;
									_this.zcItems4[0].isDisabled = true;
									_this.zcItems4[1].isDisabled = true;
									_this.zcItems4[2].isDisabled = true;
									_this.items4[0].isDisabled = true;
									_this.items4[1].isDisabled = true;
									_this.items4[2].isDisabled = true;
									
									_this.items6[0].isDisabled = true;
									_this.items6[1].isDisabled = true;
								}
								
								// 初始化 标签
								_this.OrderLabel = [];
								if (resjson.data.Labels !== null && resjson.data.Labels.length > 0) {
									_this.OrderLabelInfo = resjson.data.Labels;
									
									for (let i = 0; i < resjson.data.Labels.length; i++) {
										if (resjson.data.Labels[i].childs !== null && resjson.data.Labels[i].childs.length > 0) {
											for (let j = 0; j < resjson.data.Labels[i].childs.length; j++) {
												let item = {
													title:resjson.data.Labels[i].childs[j].Name,
													Code:resjson.data.Labels[i].childs[j].Code,
													isShow:false,
													value:'',
													isDisabled:false,
													row:48,
													type:'audio',
													info:resjson.data.Labels[i].childs[j],
													actives:[],
													aValue:'',
													list:resjson.data.Labels[i].childs[j].childs
												}
												if (resjson.data.Labels[i].childs[j].sModel === '单选') {
													item.type = 'audio';
												}else if (resjson.data.Labels[i].childs[j].sModel === '多选') {
													item.type = 'checkbox';
												}
												if (_this.index === '1') {
													item.isDisabled = true;
												}
												if (resjson.data.Labels[i].childs[j].OnlyWrite) {
													item.isDisabled = true;
												}
												
												for (var s = 0; s < resjson.data.Labels[i].childs[j].childs.length; s++) {
													if (resjson.data.Labels[i].childs[j].childs[s].isS) {
														item.actives.push(s);
													}
												}
												for (let a = 0; a < item.actives.length; a++) {
													if (a === 0) {
														item.aValue = item.list[item.actives[a]].Name;
													}else {
														item.aValue = item.aValue +' , '+ item.list[item.actives[a]].Name;
													}
												}
												
												_this.OrderLabel.push(item);
												
												//  判断是否存在 二级标签
												for (var k = 0; k < resjson.data.Labels[i].childs[j].childs.length; k++) {
													
													if (resjson.data.Labels[i].childs[j].childs[k].oS !== null && resjson.data.Labels[i].childs[j].childs[k].isS && resjson.data.Labels[i].childs[j].childs[k].oS.length > 0) {
														
														for (var m = 0; m < resjson.data.Labels[i].childs[j].childs[k].oS.length; m++) {
															let item1 = {
																title:resjson.data.Labels[i].childs[j].childs[k].oS[m].Name,
																Code:resjson.data.Labels[i].childs[j].childs[k].oS[m].Code,
																isShow:false,
																value:resjson.data.Labels[i].childs[j].childs[k].Code,
																isDisabled:false,
																row:48,
																type:'audio',
																info:resjson.data.Labels[i].childs[j].childs[k].oS[m],
																actives:[],
																aValue:'',
																list:resjson.data.Labels[i].childs[j].childs[k].oS[m].childs
															}
															if (resjson.data.Labels[i].childs[j].childs[k].oS[m].sModel === '单选') {
																item1.type = 'audio';
															}else if (resjson.data.Labels[i].childs[j].childs[k].oS[m].sModel === '多选') {
																item1.type = 'checkbox';
															}
															if (_this.index === '1') {
																item.isDisabled = true;
															}
															if (resjson.data.Labels[i].childs[j].childs[k].oS[m].OnlyWrite) {
																item1.isDisabled = true;
															}
															for (var t = 0; t < resjson.data.Labels[i].childs[j].childs[k].oS[m].childs.length; t++) {
																if (resjson.data.Labels[i].childs[j].childs[k].oS[m].childs[t].isS) {
																	item1.actives.push(t);
																}
															}
															for (let a = 0; a < item1.actives.length; a++) {
																if (a === 0) {
																	item1.aValue = item1.list[item1.actives[a]].Name;
																}else {
																	item1.aValue = item1.aValue +' , '+ item1.list[item1.actives[a]].Name;
																}
															}
															
															_this.OrderLabel.push(item1);
														}
														
													}
													// if (resjson.data.Labels[i].childs[j].childs[k].isS) {
													// 	_this.items3[_this.items3.length-1].actives.push(k)
													// }
												}
												
											}
										}
									}
								}
								
								//  险种信息
								if (insureOrder.InsureTrafficSelected) {
									_this.insures3.insure_traffic.isCheck = true;
									if (insureOrder.InsureTrafficStartDate) {
										_this.items6[0].value = insureOrder.InsureTrafficStartDate;
									}
									for (let i = 0; i < insureOrder.InsureTrafficItems.length; i++) {
										
										for (let j = 0; j < _this.insures3.insure_traffic.insureItems.length; j++) {
											if (insureOrder.InsureTrafficItems[i].InsureTypeName === _this.insures3.insure_traffic.insureItems[j].title) {
												_this.insures3.insure_traffic.insureItems[j].isCheck = true;
												_this.insures3.insure_traffic.insureItems[j].isFreePay = insureOrder.InsureTrafficItems[i].InsureTypeIsFreePay;	//是否 不计免赔
												_this.insures3.insure_traffic.insureItems[j].value = insureOrder.InsureTrafficItems[i].InsureAmountText;	//所选 保额
												_this.insures3.insure_traffic.insureItems[j].isInsureAmountShow = true;	//是否显示 保额
											}
										}
									}
								}
								if (insureOrder.InsureBizSelected) {
									_this.insures3.insure_biz.isCheck = true;
									if (insureOrder.InsureBizStartDate) {
										_this.items6[1].value = insureOrder.InsureBizStartDate;
									}
									for (let i = 0; i < insureOrder.InsureBizItems.length; i++) {
										
										for (let j = 0; j < _this.insures3.insure_biz.insureItems.length; j++) {
											if (insureOrder.InsureBizItems[i].InsureTypeName === _this.insures3.insure_biz.insureItems[j].title) {
												_this.insures3.insure_biz.insureItems[j].isCheck = true;
												_this.insures3.insure_biz.insureItems[j].isFreePay = insureOrder.InsureBizItems[i].InsureTypeIsFreePay;	//是否 不计免赔
												_this.insures3.insure_biz.insureItems[j].value = insureOrder.InsureBizItems[i].InsureAmountText;	//所选 保额
												_this.insures3.insure_biz.insureItems[j].isInsureAmountShow = true;	//是否显示 保额
											}
										}
									}
								}
								
							}
							
						} else{
							
						}
					},
					Scope: this
				})
			},
			//  作废
			zcCancelInsureOrder() {
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'uni_Insure_Detail',
						Action: 'Ext_CancelInsureOrder',
						Data: {
							SN:_this.InsureOrderSN
						}
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							console.log('订单 作废 = ',resjson.data);
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							
							uni.showToast({
								title: '作废成功！',
								success() {
									uni.reLaunch({
										url:'../order/order'
									})
								}
							});
							
						} else{
							
						}
					},
					Scope: this
				})
			},
			//  重新算价
			zcModifyInsureOrder() {
				let InsureOrder_Modify = {};
				InsureOrder_Modify = JSON.parse(JSON.stringify(_this.orderInfo));
				
				if (!_this.checkVehiclePlateNo(_this.orderLists1[0].value)) {
					uni.showModal({
						title: '温馨提示',
						content: '尊敬的用户，您输入车牌号有误，请重新输入！',
						showCancel: false
					});
					return;
				}
				if (_this.orderLists1[1].value.length != 17) {
					uni.showModal({
						title: '温馨提示',
						content: '尊敬的用户，您输入的VIN码有误，请重新输入！',
						showCancel: false
					});
					return;
				}
				// 获取 车辆和车主信息
				InsureOrder_Modify.VehiclePlateNo = _this.orderLists1[0].value;	//车牌号
				InsureOrder_Modify.VehicleVIN = _this.orderLists1[1].value;	// 车架号
				InsureOrder_Modify.VehicleEngineNo = _this.orderLists1[2].value;	//发动机号
				InsureOrder_Modify.VehicleRegistryDate = _this.orderLists1[3].value;	//初等日期
				InsureOrder_Modify.VehicleBizType = _this.picker1.lists[_this.picker1.index];	//使用性质
				InsureOrder_Modify.VehicleRegType = _this.orderLists2[0].value;	// 新/旧/过户车
				if (_this.orderLists2[0].value === '过户车') {
					InsureOrder_Modify.VehicleRegTransferDate = _this.orderLists2[1].value;	//过户日期
				}else{
					InsureOrder_Modify.VehicleRegTransferDate = '';
				}
				InsureOrder_Modify.VehicleOwnerType = _this.orderLists[5].value;	//车主类别
				InsureOrder_Modify.VehicleOwnerName = _this.orderLists[0].value;	//车主姓名
				InsureOrder_Modify.VehicleOwnerCardType = _this.orderLists[1].picker[_this.orderLists[1].value];	//证件类型
				InsureOrder_Modify.VehicleOwnerCardNo = _this.orderLists[2].value;	//证件号
				InsureOrder_Modify.VehicleOwnerTelephone = _this.orderLists[3].value;	//联系电话
				InsureOrder_Modify.CustomerOtherContacts = _this.orderLists[4].value;	//其他联系方式
				InsureOrder_Modify.InsureManIsOwner = _this.isInsuredShow1;	//被保人是否是同车主
				InsureOrder_Modify.InsureHolderIsOwner = _this.isInsuredShow;	//投保人是否是同车主
				
				//  被保人 、 投保人 保存信息
				if (!InsureOrder_Modify.InsureManIsOwner) {	//被保人是否是同车主
					InsureOrder_Modify.InsureManName = _this.zcItems4[0].value;
                    InsureOrder_Modify.InsureManTelephone = _this.zcItems4[1].value;
					InsureOrder_Modify.InsureManCardType = _this.zcItems4[2].picker[_this.zcItems4[2].value];
					InsureOrder_Modify.InsureManCardNo = _this.zcItems4[3].value;
					
				}else {
					InsureOrder_Modify.InsureManName = _this.orderLists[0].value;
					InsureOrder_Modify.InsureManCardNo = _this.orderLists[2].value;
                    InsureOrder_Modify.InsureManCardType = _this.orderLists[1].picker[_this.orderLists[1].value];
                    InsureOrder_Modify.InsureManTelephone = _this.orderLists[3].value;
				}
				if (!InsureOrder_Modify.InsureHolderIsOwner) {	//投保人是否是同车主
					InsureOrder_Modify.InsureHolderName = _this.items4[0].value;
                    InsureOrder_Modify.InsureHolderTelephone = _this.items4[1].value;
					InsureOrder_Modify.InsureHolderCardType = _this.items4[2].picker[_this.items4[2].value];
					InsureOrder_Modify.InsureHolderCardNo = _this.items4[3].value;
				}else {
					InsureOrder_Modify.InsureHolderName = _this.orderLists[0].value;
					InsureOrder_Modify.InsureHolderCardNo = _this.orderLists[2].value;
                    InsureOrder_Modify.InsureHolderCardType = _this.orderLists[1].picker[_this.orderLists[1].value];
                    InsureOrder_Modify.InsureHolderTelephone = _this.orderLists[3].value;
				}
				
				InsureOrder_Modify.SaveLabels = [];
				for (let i = 0; i < _this.OrderLabel.length; i++) {
					if (_this.OrderLabel[i].actives.length > 0) {
						for (let k = 0; k < _this.OrderLabel[i].actives.length; k++) {
							let item = _this.OrderLabel[i].list[_this.OrderLabel[i].actives[k]].SN;
							InsureOrder_Modify.SaveLabels.push(item);
						}
					}
				}
				
				// 获取 险种信息 ------------------
				InsureOrder_Modify.InsureTrafficSelected = _this.insures3.insure_traffic.isCheck;	// 是否选中 交强险
				if (!_this.items6[0].value && _this.insures3.insure_traffic.isCheck) {
					uni.showModal({
						title:'温馨提示',
						content:'请选择交强险起期！',
						showCancel:false
					})
					return
				}
				if (!_this.items6[1].value && _this.insures3.insure_biz.isCheck) {
					uni.showModal({
						title:'温馨提示',
						content:'请选择商业险起期！',
						showCancel:false
					})
					return
				}
				if (_this.insures3.insure_traffic.isCheck) {
					InsureOrder_Modify.InsureTrafficStartDate = _this.items6[0].value;		// 交强险起期
				}else{
					InsureOrder_Modify.InsureTrafficStartDate = '';		// 交强险起期
				}
				InsureOrder_Modify.InsureTrafficItems = [];
				if (_this.insures3.insure_traffic.isCheck) {
					for (let i = 0; i < _this.insures3.insure_traffic.insureItems.length; i++) {
						let insureItem = {
							InsureTypeCategory : _this.saveInsures3.InsureTrafficItems[i].Category,	//险种类别
							InsureTypeSN : _this.saveInsures3.InsureTrafficItems[i].SN,	//险种SN
							InsureTypeName : _this.saveInsures3.InsureTrafficItems[i].Name,	//险种名称
							InsureTypeIsFreePay : _this.insures3.insure_traffic.insureItems[i].isFreePay,	//是否不计免赔
							InsureAmountText : _this.insures3.insure_traffic.insureItems[i].value,	//险种保额
							InsureTypeCode : _this.saveInsures3.InsureTrafficItems[i].Code,	//险种编码
							InsureTypeFreePayCode : _this.saveInsures3.InsureTrafficItems[i].FreePayCode	//不计免赔编码
						}
						
						if (_this.insures3.insure_traffic.insureItems[i].isCheck) {
							InsureOrder_Modify.InsureTrafficItems.push(insureItem);
						}
					}
				}
				
				InsureOrder_Modify.InsureBizSelected = _this.insures3.insure_biz.isCheck;	// 是否选中 商业险
				if (_this.insures3.insure_biz.isCheck) {
					InsureOrder_Modify.InsureBizStartDate = _this.items6[1].value;		// 商业险起期
				}else{
					InsureOrder_Modify.InsureBizStartDate = '';		// 商业险起期
				}
				InsureOrder_Modify.InsureBizItems = [];
				if (_this.insures3.insure_biz.isCheck) {
					for (let i = 0; i < _this.insures3.insure_biz.insureItems.length; i++) {
						let insureItem = {
							InsureTypeCategory : _this.saveInsures3.InsureBizItems[i].Category,	//险种类别
							InsureTypeSN : _this.saveInsures3.InsureBizItems[i].SN,	//险种SN
							InsureTypeName : _this.saveInsures3.InsureBizItems[i].Name,	//险种名称
							InsureTypeIsFreePay : _this.insures3.insure_biz.insureItems[i].isFreePay,	//是否不计免赔
							InsureAmountText : _this.insures3.insure_biz.insureItems[i].value,	//险种保额
							InsureTypeCode : _this.saveInsures3.InsureBizItems[i].Code,	//险种编码
							InsureTypeFreePayCode : _this.saveInsures3.InsureBizItems[i].FreePayCode	//不计免赔编码
						}
						
						if (_this.insures3.insure_biz.insureItems[i].isCheck) {
							InsureOrder_Modify.InsureBizItems.push(insureItem);
						}
					}
				}
				
				if (InsureOrder_Modify.InsureTrafficItems.length < 1  && InsureOrder_Modify.InsureBizItems.length < 1) {
					uni.showModal({
						title:'温馨提示',
						content:'尊敬的用户，请选择至少一个保险险种！',
						showCancel:false
					})
					return
				}
				// ---------------------
				
				console.log('重新算价数据 = ',InsureOrder_Modify);
				
				uni.showLoading({
					title: '提交中',
					mask: true
				});
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'uni_Insure_Detail',
						Action: 'Ext_ModifyInsureOrder',
						Data: InsureOrder_Modify 
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							console.log('订单 重新算价 = ',resjson.data);
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							
							uni.showToast({
								title: '算价成功！',
								success() {
									uni.reLaunch({
										url:'../order/order'
									})
								}
							});
						}
                        if (resjson.state === 'end') {
                            uni.hideLoading();
                        }
						
					},
					Scope: this
				})
			},
			
			//  待支付  获取付款码
			zcGetInsureOrder4PayURL() {
                this.isShowCanvas = true;
                uni.showLoading({
                    title: '加载中',
                    mask: true
                });
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'uni_Insure_Detail',
						Action: 'Ext_GetInsureOrder4PayURL',
						Data: {
							SN:_this.InsureOrderSN
						}
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							console.log('订单 获取付款码 = ',resjson.data);
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							
                            let url = resjson.data.PayURL;
                            
                            uni.request({
                                url: _this.$ZcPublic.Domain+'UniService/getQrCodeService.ashx?ver=' + new Date().getTime(),
                                method: 'POST',
                                data: {
                                    PayUrl:url
                                },
                                success: res => {
                                    console.log('付款二维码 -- ',res);
                                     // canvas 绘制 二维码分享图片
                                    let QR_height;
                                    let QR_width;
                                    let QR_left;
                                    let QR_top;
                                    uni.getSystemInfo({
                                        success(res) {
                                            let windowH = res.windowHeight;
                                            let windowW = res.windowWidth;
                                            QR_width = windowW * 0.7;
                                            QR_height = windowH * 0.6;
                                        }
                                    })
                                    QR_left = (QR_width-QR_width*0.9)*0.5;
                                    QR_top = (QR_height-QR_width*0.9)-QR_left;
                                    
                                    let CanvasContext = uni.createCanvasContext('shareQR');
                                    let PayImageUrl = res.data.data.PayImageUrl;    // 二维码图片
                                    _this.qrcode = res.data.data.RawUrl;  // 二维码链接
                                    
                                    uni.getImageInfo({
                                        src: _this.$ZcPublic.Domain+'UniImages/logo.png',
                                        success(res) {
                                            CanvasContext.drawImage(res.path, ((QR_width-80)*0.5), (QR_top-80)*0.5, 80, 80);
                                            uni.getImageInfo({
                                                src: PayImageUrl,
                                                success(res) {
                                                    console.log('画布 -- ',res);
                                                    _this.imageUrl = res.path;
                                                    CanvasContext.drawImage(res.path, QR_left, QR_top, QR_width*0.9, QR_width*0.9);
                                                    CanvasContext.draw();
                                                }
                                            })
                                        }
                                    })
                                },
                                fail: res => {
                                    uni.showModal({
                                        title: '温馨提示',
                                        content: ''+res.errMsg,
                                        showCancel: false
                                    });
                                },
                                complete: () => {
                                    uni.hideLoading();
                                }
                            });
						}
					},
					Scope: this
				})
			}
			
		}
	}
</script>

<style>
	.zcModel-title{padding: 20upx;font-weight: bold;display: flex;color: #999999;}
	
	.card_item{padding: 20upx!important;border-bottom: 1px solid #E5E5E5!important;}
	zc-card:last-child .card_item{border: none!important;}
	/* zc-card:nth-last-child(6) .card_item .card_item_text{flex: 1!important;} */
	.card_item input[disabled]{color: #999999!important;}
	.zcPicker-model{background-color: #FFFFFF;padding: 20upx;border-bottom: 1px solid #E5E5E5;}
	.zcPicker-titel{display: flex;flex-shrink: 0;width: 30%;}
	.zcPicker-model-item{display: flex;flex: 1;height: 100%;align-items: center;}
	.zcPicker-model-item picker[disabled]{width: 100%;height: 100%;color: #999999!important;}
	/* .card_item picker{flex: none!important;} */
	.card_item .uni-input{padding-left: 0!important;}
	.uni-input[disabled]{padding: 0 25upx;text-align: left;color: #999999!important;}
	radio-group label{display: flex;flex: none;align-items: center;padding: 0;}
	checkbox-group{display: flex;justify-content: center;}
	/* checkbox-group label{font-size: 34upx;} */
	radio-group label radio,checkbox-group label checkbox{margin-left: 20upx;}
	radio .wx-radio-input{border-radius: 20%;}
	checkbox[checked] .wx-checkbox-input{background-color: #3CA4FA;}
	checkbox[disabled] .wx-checkbox-input{background-color: #E5E5E5;}
	.card_item_text picker[disabled] .uni-input{color: #999999!important;}
	
	/* .card_item .card_item_text{position: relative;flex: none;} */
	.radio,.checkbox{align-items: center!important;display: flex;}
	.card_item_text input,.zcPicker-model-item picker,.card_item_text picker{padding-left: 36upx;}
	.zcPicker-model{justify-content: flex-start;}
	/* .card_item_text,.zcPicker-model-item{position: relative;flex: none!important;width: 50%!important;} */
	.card_item_text>view{position: absolute;right: 0;color: #3CA4FA!important;margin-right: 20upx;z-index: 6;}
	
	.insured-model{border-bottom: 1px solid #E5E5E5;background-color: #FFFFFF;}
	.insured-model .card_model{background-color: #f7faff!important;}
	.insured-model .card_item_text picker .uni-input{z-index: 0;background-color: #f7faff!important;}
	.insured-model .card_item{border: none!important;padding: 0 20upx!important;}
	
	picker{flex: 1;}
	picker .uni-input{position: relative;padding: 0!important;}
	.card_item_text picker .uni-input{z-index: 1;}
	.zc-tab-bar picker:after{display: none;}
	picker:after{
		font-family: "iconfont" !important;
		font-size: 28upx;
		font-style: normal;
		font-weight: bold;
		position: absolute;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: '\e600';
		top: 0;
		right: 20upx;
		margin-top: 2upx;
	}
	
	.icon-sanjiaojiantoutriangular-copy-after:after{content: "\e600";font-weight: bold;color: #999999!important;}
	
	.zcModel-card{margin-bottom: 30upx;}
	.zcModel-card-item{background-color: #FFFFFF;padding: 10upx 0upx;box-sizing: border-box;background-color: #F5F5F5;}
	.zcModel-card-item view{box-sizing: border-box;color: #999999;}
	.zcModel-card-item view:first-child{width: 30%;color: #333333;}
	.zcModel-card-item-text{white-space: normal;display: block;}
	
	.zcItemBox .card_item_text,.zcItemBox .zcPicker-model-item { flex: 1!important; }
	
	
	/* 险种 样式 */
	.zctab-bar-box{
		/* width: 100%; */
		/* height: 100%; */
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 20upx;
		box-sizing: border-box;
	}
	
	.zcUni-tab-bar{width: 100%;flex: 1;background-color: #FFFFFF;overflow: inherit;position: relative;display: flex;}
	.uni-swiper-tab{margin: 20upx 0;}
	.swiper-tab-list{font-size: 28upx!important;width: 15%!important;margin: 0 5%;}
	.zc-tab-bar{
		overflow: hidden;display: block;will-change:transform;transition: all 0.4S ease-in;
		width: 100%;background-color: #FFFFFF;
		/* margin-bottom: 200upx;position: absolute; */
	}
	.zc-tab-bar>view{padding: 20upx;}
	.zc-tab-bar>view>view{font-size: 28upx;}
	radio .wx-radio-input{border-radius: 20%;}
	.zc-tab-bar checkbox .wx-checkbox-input{border-radius: 100%;}
	/* checkbox .wx-checkbox-input.wx-checkbox-input-checked{background-color: #3CA4FA!important;} */
	.zc-tab-bar checkbox-group{justify-content: flex-end;width: inherit;}
	.zc-tab-bar checkbox .wx-checkbox-input.wx-checkbox-input-checked::before{color: #FFFFFF!important;}
	.zc-tab-bar .card_item{border: none!important;padding: 0!important;}
	.zc-tab-bar zc-card{flex: 1;}
	.zc-tab-bar .checkbox{padding: 0!important;}.zc-tab-bar .checkbox checkbox{margin: 0!important;}
	.zc-tab-bar .card_item_text,.zc-tab-bar .zcPicker-model-item{width: 172upx!important;flex: 1!important;}
	.zc-tab-bar .card_item_text picker{padding-left: 0!important;}
	.zc-tab-bar .card_item_text picker .uni-input{z-index: 6;text-align: center!important;}
	
	.zcLabel{padding: 0 10upx;border-radius: 16upx;border: 2upx solid #C5C5C5;color: #C5C5C5;}
	.zcLabelActive{border-color:#3CA4FA;color: #3CA4FA;}
	
	.zc-tab-bar .uni-input{text-align: right;background-color: rgba(255,255,255,0.1);padding-right: 40upx;}
	
	.zcBizStyle{display: flex;border-top: 16upx solid #F5F5F5;}
	.zcBizStyle:first-child{border-top: none;}
	.zcBizStyle input{display: flex;flex: 1;position: absolute;right: 0;margin-left: 35upx;margin-right: 50upx;border-bottom: 1px solid #999999;}
	.zcBizStyle .uni-input{text-align: center;}
	
	/* ----------- END ------------ */
    /* 弹出层 画布 */
    .canvas-box{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: flex;align-items: center;justify-content: center;z-index: 1000;background-color: rgba(0,0,0,0.5);}
    .canvas-content{width: 70%;height: 60%;background-color: #FFFFFF;box-shadow: 0upx 0upx 20upx -6upx #999999;position: relative;margin-top: -100upx;}
    .canvas{height: 100%;width: 100%;}
    .canvas-but{margin-top: 40upx;}
    .canvas-but button{background-color: none;border: 2upx solid #FFFFFF;border-radius: 35upx;height: 70upx!important;padding: 0 40upx;line-height: 2!important;display: flex;align-items: center;justify-content: center;}
    .canvas-but button:last-child{background-color: #3CA4F9;color: #FFFFFF;border-color: #3CA4F9;}
    .canvas-but .button-hover:last-child{background-color: rgba(60,164,249,0.5);color: rgba(255,255,255,0.5);border-color: rgba(60,164,249,0.5);}
    /* END */
    
	/* 标签 */
	.popup_content{
		display: flex;
		flex-wrap: wrap;
		padding: 10upx 20upx;
		flex-direction: row;
		background-color: #FFFFFF;
	}
	.popup_item{
		display: flex;
		float: left;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		border: 1px solid #999999;
		color: #999999;
		margin: 10upx 1%;
		height: 52upx;
		border-radius: 52upx;
		box-sizing: border-box;
	}
	.active{border-color: #26a6ff;color: #26a6ff;}
	/* ----END----- */
	
	.zcCard-item{background-color: #FFFFFF;padding: 20upx;}
	.zcCard-item view{display: flex;align-items: center;flex-shrink: 0;}
	.zcCard-item view view{font-weight: bold;}
	
	.zcFooter-but{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 10;background-color: #F4F5F6;}
	.zcFooter-but button:first-child{flex: 1;color: #FFFFFF;border-radius: 0;background-color: #CCCCCC;font-size: 32upx;padding: 10upx;}
	.zcFooter-but button:last-child{flex: 1;background-color: rgba(60, 164, 250, 1);color: #FFFFFF;border-radius: 0;font-size: 32upx;padding: 10upx;}
	.zcFooter-but .button-hover{opacity: 0.6;}
	
	.zcBut{border: 4upx solid rgba(60, 164, 250, 1);background-color: rgba(255, 255, 255, 1)!important;color: rgba(60, 164, 250, 1)!important;}
</style>
